<ion-header id="home-header-bg-box" role="banner" class="ios header-ios header-collapse-none hydrated header-white">
  <ion-toolbar [ngStyle]="getNgStyle(titleBar?.cssStyle)" [ngClass]="{'headerBalck': titleBar?.headerId==='black'}"
    class="superToolclass subItem in-toolbar ios hydrated isShow title-white toolbar-title-default"
    ng-reflect-klass="superToolclass subItem">


    <ion-title class="nav-title ios title-ios title-default hydrated" id="nav-title"
      [ngStyle]="getNgStyle(titleBar?.headerBgStyle)">{{pageTitle}}
    </ion-title>

    <ion-buttons (click)="back()" class="start firstRowLeftBtn sc-ion-buttons-ios-h sc-ion-buttons-ios-s ios hydrated"
      slot="start" id="1710397334605">
      <img alt="back" class="header-icon-img"
       [src]="titleBar?.bgImgStyle" 
       onerror="this.src='assets/img/back_left.png'"
       [ngStyle]="getNgStyle(titleBar?.customBgStyle)"
        style="margin-right: 0rem;" src="assets/img/back_left.png">
    </ion-buttons>

    <ng-container *ngIf="titleBar?.searchInput">
      <ion-buttons slot="end" class="end rightButton"
        [ngStyle]="getNgStyle(titleBar.searchInput?.link?.params?.key?.buttonCssStyle)"
        (click)="searchButtonClick(titleBar.searchInput,0,$event)">

        <img class="header-icon-img-r" [src]="titleBar.searchInput?.link?.params?.key?.icon"
          [ngStyle]="getNgStyle(titleBar.searchInput?.link?.params?.key?.iconCssStyle)"
          onerror="this.src='assets/fw/nav_icon_cart@3x.png'" alt="share">

        <!--蜂喔用户1.9.18新增在线客服-->
        <span class="header-icon-text" *ngIf="titleBar.searchInput?.link?.params?.key?.cslLabel"
          [ngStyle]="getNgStyle(titleBar.searchInput?.link?.params?.key?.cslLabelCssStyle)">{{titleBar.searchInput?.link?.params?.key?.cslLabel}}</span>

      </ion-buttons>
    </ng-container>
  </ion-toolbar>
</ion-header>
<ion-content [ngClass]="{'qrscanner':isShow}">
  <div [ngClass]="{'qrscanner-area':isShow}" [ngStyle]="getNgStyle(qrscannerAreaCssStyle)">
  </div>
  <div [ngClass]="{'through-line':isShow}" [ngStyle]="getNgStyle(throughLineCssStyle)"></div>
  <div class="button-bottom" [ngStyle]="getNgStyle(buttonBottomCssStyle)">
    <ion-button (click)="toggleLight()" class="icon-camera" [ngStyle]="getNgStyle(iconLightCssStyle)">
      <ion-icon name="flash" [ngStyle]="getNgStyle(flashCssStyle)"></ion-icon>
    </ion-button>
    <ion-button (click)="toggleCamera()" class="icon-camera" [ngStyle]="getNgStyle(iconCameraCssStyle)">
      <ion-icon name="reverse-camera" [ngStyle]="getNgStyle(reverseCssStyle)"></ion-icon>
    </ion-button>
  </div>
</ion-content>